<template lang="pug">
.ele-config
  a-tabs(
    v-model:activeKey="activeKey")
    a-tab-pane(tab="属性" :key='0')
      propsCom
    a-tab-pane(tab="样式" :key="1")
      styleCom
</template>

<script lang="ts">
import { ref, defineComponent, computed } from "vue";
import { useStore } from "vuex";
import styleCom from "./style.vue";
import propsCom from "./props.vue";
export default defineComponent({
  name: "",
  components: {
    styleCom,
    propsCom,
  },
  setup() {
    const activeKey = ref(0);
    const store = useStore();
    const selectedWidget = computed(() => {
      return store.state.lowCode.selectedWidget;
    });
    return {
      selectedWidget,
      activeKey,
    };
  },
});
</script>

<style lang="stylus" scoped>
.ele-config {
  width: 270px;
  min-width: 270px;
}
</style>
